<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<title>时间轴</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

	<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

	<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

	<link rel="stylesheet" href="css/times-axis.css">

</head>
<body>

<div class="container">
	<div class="row">
		 <div id="calendar" class="calendar">
            <div class="times-axis">
                <div class="times-base">
                    <div class="circle"></div>
                    <div class="hollow"></div>
                </div>
                <div class="events">
                    <div class="year">2017</div>
                    <div class="desc">
                        <p>发布视讯混合云</p>
                        <p>为山西省教育大数据平台提供云视频会议解决方案</p>
                    </div>
                </div>
            </div>
            <div class="times-axis">
                <div class="times-base">
                    <div class="circle"></div>
                    <div class="hollow"></div>
                </div>
                <div class="events">
                    <div class="year">2016</div>
                    <div class="desc">
                        <p>在上海证券交易所挂牌上市 </p>
                        <p>摩云视讯推出新一代视频会议终端</p>
                    </div>
                </div>
            </div>
            <div class="times-axis">
                <div class="times-base">
                    <div class="circle"></div>
                    <div class="hollow"></div>
                </div>
                <div class="events">
                    <div class="year">2015</div>
                    <div class="desc">
                        <p>摩云视讯在线终端点数突破60000点  </p>
                        <p>推出基于感知、云、大数据的下一代视频监控系统 </p>
                        <p>摩云视讯推出集成化视频会议系列产品—摩云网</p>
                    </div>
                </div>
            </div>
            <div class="times-axis">
                <div class="times-base">
                    <div class="circle"></div>
                    <div class="hollow"></div>
                </div>
                <div class="events">
                    <div class="year">2014</div>
                    <div class="desc">
                        <p>为青奥会提供视频会议安全会务保障   </p>
                        <p>中国电信与摩云视讯推出共有品牌，运营商全面  </p>
                        <p>推动云视频会议</p>
                    </div>
                </div>
            </div>
            <div class="times-axis">
                <div class="times-base">
                    <div class="circle"></div>
                    <div class="hollow"></div>
                </div>
                <div class="events">
                    <div class="year">2013</div>
                    <div class="desc">
                        <p>推出全触控式高清桌面可视通讯终端 </p>
                        <p>部署了国内首个视频综合应用管理平台</p>
                        <p>网络视频监控市场份额进入前三</p>
                    </div>
                </div>
            </div>
            <div class="times-axis">
                <div class="times-base">
                    <div class="circle"></div>
                    <div class="hollow"></div>
                </div>
                <div class="events">
                    <div class="year">2012</div>
                    <div class="desc">
                        <p>云视讯升级为摩云视讯品牌 </p>
                        <p>摩云视讯在视频会议运营服务领域市场占有率第一</p>
                    </div>
                </div>
            </div>
            <div class="times-axis">
                <div class="times-base">
                    <div class="circle"></div>
                    <div class="hollow"></div>
                </div>
                <div class="events">
                    <div class="year">2011</div>
                    <div class="desc">
                        <p>推出云视讯，提供公有云、私有云视频会议解决方案 </p>
                    </div>
                </div>
            </div>
            <div class="times-axis">
                <div class="times-base">
                    <div class="circle"></div>
                    <div class="hollow"></div>
                </div>
                <div class="events">
                    <div class="year">2010</div>
                    <div class="desc">
                        <p>推出全触控式高清桌面可视通信终端</p>
                        <p>部署了国内首个视频综合应用管理平台</p>
                    </div>
                </div>
            </div>
            <div class="times-axis">
                <div class="times-base">
                    <div class="circle"></div>
                    <div class="hollow"></div>
                </div>
                <div class="events">
                    <div class="year">2009</div>
                    <div class="desc">
                        <p>推出720P/1080P高清视频监控系统</p>
                        <p>部署了国内最大的视频应急指挥调度系统</p>
                        <p>视频会议市场份额在国内品牌中排名第一</p>
                    </div>
                </div>
            </div>
            <div class="times-axis">
                <div class="times-base">
                    <div class="circle"></div>
                    <div class="hollow"></div>
                </div>
                <div class="events">
                    <div class="year">2008</div>
                    <div class="desc">
                        <p>推出业内首款NVR </p>
                        <p>为北京奥运会提供奥运安保应急指挥保障</p>
                    </div>
                </div>
            </div>
            <div class="times-axis">
                <div class="times-base">
                    <div class="circle"></div>
                    <div class="hollow"></div>
                </div>
                <div class="events">
                    <div class="year">2007</div>
                    <div class="desc">
                        <p>推出专业为企业设计的TRUESENS视频会议系统  </p>
                        <p>为全国两会提供可视应急指挥保障</p>
                    </div>
                </div>
            </div>
            <div class="times-axis">
                <div class="times-base">
                    <div class="circle"></div>
                    <div class="hollow"></div>
                </div>
                <div class="events">
                    <div class="year">2006</div>
                    <div class="desc">
                        <p>推出运营级监控平台，占国内1/3的市场份额部署了 </p>
                        <p>全球规模最大的专网视频会议项目 </p>
                        <p>平安吴江项目入选中国安防十大经典工程</p>
                    </div>
                </div>
            </div>
            <div class="times-axis">
                <div class="times-base">
                    <div class="circle"></div>
                    <div class="hollow"></div>
                </div>
                <div class="events">
                    <div class="year">1995-2005</div>
                    <div class="desc">
                        <p>推出视频会议系统，进入视频领域 </p>
                        <p>推出网络视频监控系统，成为网络安防倡导者 </p>
                    </div>
                </div>
            </div>

        </div>  <!--  calendar   end-->
	</div>
</div>
</body>
</html>